<html xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" >  

    <!--    <h:body>-->
    <ui:composition template="layout.xhtml">

        <ui:define name="corpo">
             <h:form>
                <div id="breadcrumb">
                    <p:commandLink  actionListener="#{managerIndex.redirect('index.xhtml')}" value="Inicio" update="@form" immediate="true"/> >
                    <p:commandLink  actionListener="#{managerIndex.redirect('indexPessoa.xhtml')}" value="Cliente" update="@form" immediate="true"/> >
                    <p:commandLink  value="Visualizar Cliente" update="@form" immediate="true"/>
                </div>
            </h:form>
            <h:form id="visao_form" acceptcharset="utf-8"> 
                <p:panel header="Visualizar Cliente">
                    <fieldset>
                        <legend>Dados Pessoais</legend>
                        <h:panelGrid columns="2"  border="0" style="width: 52%"
                                     styleClass="textAlignRight" 
                                     columnClasses="textAlignRight"> 

                            <h:outputLabel value="Pessoa: " />
                            <h:outputText id="tipo" value="#{managerVisualizarPessoa.pessoa.tipo}" />  
                            <h:outputLabel value="Nome: "/>
                            <h:outputText value="#{managerVisualizarPessoa.pessoa.nome}"
                                          id="nome_pessoa"
                                          />
                            <h:outputLabel value="Rg:" rendered="#{managerVisualizarPessoa.exibe}"/>  
                            <h:outputText value="#{managerVisualizarPessoa.pessoa.rg}" 
                                          rendered="#{managerVisualizarPessoa.exibe}"
                                          id="rg_pessoa" style="width: 165px"/>
                            <h:outputLabel value="Cpf:" rendered="#{managerVisualizarPessoa.exibe}"  />  
                            <h:outputText value="#{managerVisualizarPessoa.pessoa.cpf}" 
                                          rendered="#{managerVisualizarPessoa.exibe}"
                                          
                                          id="cpf_pessoa"   style="width: 165px"/> 
                            <h:outputLabel value=" Sexo: " rendered="#{managerVisualizarPessoa.exibe}" />  
                            <h:outputText id="sexo" value="#{managerVisualizarPessoa.pessoa.sexo}"  
                                          rendered="#{managerVisualizarPessoa.exibe}" />  
                            <h:outputLabel value=" Estado: " rendered="#{managerVisualizarPessoa.exibe}" />  
                            <h:outputText id="estado_pessoa" value="#{managerVisualizarPessoa.pessoa.estadocivil}"  
                                          rendered="#{managerVisualizarPessoa.exibe}" />  


                            <h:outputLabel value="Cnpj: " rendered="#{managerVisualizarPessoa.exibeCnpj}"  />  
                            <h:outputText value="#{managerVisualizarPessoa.pessoa.cnpj}" 
                                          rendered="#{managerVisualizarPessoa.exibeCnpj}"
                                          id="cnpj_pessoa"  style="width: 165px"/> 
                            
                        
                        </h:panelGrid>  
                    </fieldset> 
                    <br/>
                    <fieldset id="fildendereco">
                        <legend>Dados do Endereço</legend> 
                        <h:panelGrid columns="4"  border="0" style="width: 40%" styleClass="textAlignRight" 
                                     columnClasses="textAlignRight">
                            <h:outputLabel value="Logradouro: "/>
                            <h:outputText  id="logradouro" value="#{managerVisualizarPessoa.pessoa.endereco.tipo_logradouro} #{managerVisualizarPessoa.endereco.logradouro}"/>
                            <h:outputLabel value="Número: "/>
                            <h:outputText  id="numero" value="#{managerVisualizarPessoa.endereco.numero}"/>
                            <h:outputLabel value="Bairro: "/>
                            <h:outputText  id="bairro" value="#{managerVisualizarPessoa.endereco.bairro}"/>
                            <h:outputLabel value="Cidade: "/>
                            <h:outputText  id="cidade" value="#{managerVisualizarPessoa.endereco.cidade.nom_cidade}"/>
                            <h:outputLabel value="Estado: "/>
                            <h:outputText  id="estado" value="#{managerVisualizarPessoa.endereco.estado.nom_estado}"/>
                            <h:outputLabel value="CEP: "/>
                            <h:outputText value="#{managerVisualizarPessoa.endereco.cep}" id="cep" />
                            <h:outputLabel value="Telefone: "/>
                            <h:outputText value="#{managerVisualizarPessoa.endereco.telefone}" id="telefone" />
                            <h:outputLabel value="Celular: "/>
                            <h:outputText value="#{managerVisualizarPessoa.endereco.celular}" id="celular" />

                        </h:panelGrid>
                        <br/>

                    </fieldset>
                     <br/> 
                    <center>
                        <p:commandButton icon="ui-icon-arrowreturnthick-1-w" value="Voltar" actionListener="#{managerIndex.redirect('indexPessoa.xhtml') }" immediate="true" />
                    </center>
                </p:panel>

            </h:form>
        </ui:define>
    </ui:composition>
</html>
